*{
    outline:none !important;
}
#mainContentWrapper .nav{
    height:auto;
    z-index:0;
}
@font-face {
  font-family: 'Trade Gothic';
  src: url('TradeGothic-Bold.woff2') format('woff2'),
       url('TradeGothic-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
.portalMenu .active > a, .sidebarScrollSpy .active > a,.portalMenu .nav-link.active{
    border:none !important;
    background-color: transparent!important;
    color:#e31837!important;
}
.sidebarScrollSpy > ul, .portalMenu > ul{
    margin-top: -.7rem !important;
}
.sidebarScrollSpy a,
.portalMenu a{
    font-family: "Trade Gothic";
    text-decoration: none!important;
    font-weight: 700!important;
    font-size:.9125rem;
    text-transform:uppercase;
    color: #002a5c;
    padding-left: 0 !important;
    padding-top:.7rem !important;
    padding-bottom:.7rem !important;
    line-height: 1.2;
}
.form-control{
    border-radius: 0 !important;
    border-color: #e6e6e6!important;
}
.form-group:not(.forgot-credential-container){
    margin-bottom: 2rem!important;
}
form[name="portalForgotUserNameForm"] .btn-primary, form[name="portalInstructorForgotPasswordForm"] .btn-primary, form[name="portalStudentForgotPasswordForm"] .btn-primary, form[name="participantForgotPasswordForm"] .btn-primary{
    float:left !important;
}
.instructorForm .btn-primary{
    margin-top: .5rem !important;
    float:none !important;
}
.table-striped tbody tr:nth-of-type(odd){
    background-color: #fff !important;
}
.btn-primary,#buttonShowAllCourseWork, #personProfileMainContent .btn-secondary:not(.buttonEditAddress):not(.buttonDeleteAddress):not(.buttonEditEmail):not(.buttonDeleteEmail):not(.buttonEditTelephone):not(.buttonDeleteTelephone){
    margin-bottom:0 !important;
    border-radius:0 !important;
    display: inline-block;
    color: #fff!important;
    font-size: .9375rem;
    -webkit-appearance: none;
    height: 3rem;
    line-height: 3rem;
    border: none;
    margin-bottom: 2em;
    font-family: "Trade Gothic";
    text-decoration: none!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    white-space: nowrap!important;
    padding-left: 1.875rem!important;
    padding-right: 1.875rem!important;
    padding-top:0 !important;
    padding-bottom:0!important;
    background-color: #e31837!important;
}
#buttonShowAllCourseWork{
    background-color: #002a5c !important;
}
#personProfileMainContent .btn-secondary:not(.buttonEditAddress):not(.buttonDeleteAddress):not(.buttonEditEmail):not(.buttonDeleteEmail):not(.buttonEditTelephone):not(.buttonDeleteTelephone){
    margin-bottom:1.5rem !important;
}

.cartContainer{
    margin-bottom: 4.6875rem;
    padding:0 !important;
}
.loadingIndicatorWrapper *{
    color:#fff !important;
}
.panelSection .panelRow.cartItemOptions{
    padding-left: 0 !important;
}
#contentHeader{
    margin-bottom:0;
}
#pageHeader {
    margin-top:5.625rem;
}
@media (min-width:992px){
    #pageHeaderActions,.sidebarScrollSpy,.portalMenu{
        margin-top:5.625rem;
    }
}
#pageHeader h1{
    margin-bottom: 5.625rem;
}
footer.footer{
    border-top: 1px solid #e6e6e6 !important;

    /*instead of 11.25rem making the margin smaller to 3.25*/
    margin-top: 3.25rem;
}
#personProfileMainContent .buttonEditAddress,#personProfileMainContent .buttonDeleteAddress,#personProfileMainContent .buttonDeleteEmail,#personProfileMainContent .buttonEditEmail,#personProfileMainContent .buttonEditTelephone, #personProfileMainContent .buttonDeleteTelephone, .cartRemoveItem a, .cartAddSavedItem a ,.cartItemDesktopLink,.cartItemUpdateLinksContainerMobile .btn, form[name="portalForgotUserNameForm"] #buttonCancel, form[name="portalInstructorForgotPasswordForm"] #buttonCancel, form[name="portalStudentForgotPasswordForm"] #buttonCancel, form[name="participantForgotPasswordForm"] #buttonCancel{
    background-color:transparent;
    padding:0;
    border:none;
    color: #e31837!important;
    font-size: 15px;
    background-image: linear-gradient(0deg,currentColor 1px,transparent 1px);
    background-size: 100% 1.625em;
    background-position: 0 0;
    line-height: 1.5;
    font-family: "Trade Gothic";
    text-decoration: none!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    display: inline-block!important;
    position: relative!important;
}
.userForm .buttons{
    margin-bottom: 2rem;
}
#variableContentBlockPG0055 p:first-child, #variableContentBlockPG0055 p:last-child, button .cartCheckoutLockIcon{
    display:none;
}
/* Remove this customization since it's disallow keyboard access to the checkbox and radio. 
position and opacity already exist in the existing bootstrap styling.

input[type=checkbox], input[type=radio]{
    position: absolute;
    visibility: hidden;
    opacity: 0;
}
\*/
.glyphicon.glyphicon-exclamation-sign{
    color: #002a5c;
}
input[type=checkbox]+label, input[type=radio]+label{
    cursor: pointer;
    padding-left: 3.75rem!important;
    position: relative!important;
    margin-bottom: 0!important;
}
.custom-control.radio, .custom-control.checkbox{

    padding-left: 0 !important;
}
input[type=checkbox]+label:before, input[type=radio]+label:before{
    content: "";
    left: 0!important;
    top: calc(50% - .625rem) !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    background-color: #fff !important;
    position: absolute!important;
    border: 1px solid #e6e6e6!important;
}
input[type=radio]+label:after, input[type=radio]+label:before{
    border-radius: 50%;
}
input[type=checkbox]+label:before,input[type=checkbox]+label:after{
    border-radius: 0 !important;
}
input[type=checkbox]+label:after, input[type=radio]+label:after{
    content: "";
    top: calc(50% - .3125rem) !important;
    left: .3125rem !important;
    width: .625rem !important;
    height: .625rem !important;
    color: #fff;
    position: absolute!important;
    background-image:none !important;
}
input[type=checkbox]:checked+label:after, input[type=radio]:checked+label:after{
    background-color: currentColor;
    color: #002a5c;
}
form[name="portalForgotUserNameForm"] #buttonCancel, form[name="portalInstructorForgotPasswordForm"] #buttonCancel, form[name="portalStudentForgotPasswordForm"] #buttonCancel, form[name="participantForgotPasswordForm"] #buttonCancel{
    margin-top: 10px;
    margin-left:30px;
}
#savedForLaterListHeader{
    text-align:center;
}
.savedForLaterListContainer .form-row{
    border-bottom:none !important;
}
#personProfileMainContent .buttonEditAddress::before,.cartRemoveItem a::before, .cartAddSavedItem a::before,#personProfileMainContent .buttonDeleteAddress::before,#personProfileMainContent .buttonDeleteEmail::before,#personProfileMainContent .buttonEditEmail::before,#personProfileMainContent .buttonEditTelephone::before, #personProfileMainContent .buttonDeleteTelephone::before,.cartItemDesktopLink:before, .cartItemUpdateLinksContainerMobile .btn:before, form[name="portalForgotUserNameForm"] #buttonCancel:before, form[name="portalInstructorForgotPasswordForm"] #buttonCancel:before, form[name="portalStudentForgotPasswordForm"] #buttonCancel:before, form[name="participantForgotPasswordForm"] #buttonCancel:before{
    content: "";
    background-color: currentColor;
    height: 1px;
    margin-bottom: -.2em;
    width: 100%!important;
    position: absolute!important;
    bottom:0;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}
@media (min-width:750px){
    .cartRemoveItem a:hover::before, .cartAddSavedItem a:hover::before,#personProfileMainContent .buttonEditAddress:hover::before,#personProfileMainContent .buttonDeleteAddress:hover::before,#personProfileMainContent .buttonDeleteEmail:hover::before,#personProfileMainContent .buttonEditEmail:hover::before,#personProfileMainContent .buttonEditTelephone:hover::before, #personProfileMainContent .buttonDeleteTelephone:hover::before,.cartItemDesktopLink:hover:before, .cartItemUpdateLinksContainerMobile .btn:hover:before, form[name="portalForgotUserNameForm"] #buttonCancel:hover:before, form[name="portalInstructorForgotPasswordForm"] #buttonCancel:hover:before, form[name="portalStudentForgotPasswordForm"] #buttonCancel:hover:before, form[name="participantForgotPasswordForm"] #buttonCancel:hover:before{
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
}
#globalNavigationBar, #footer,.cartContainerColumnHeaders, #header1, .shoppingCartButtonsTop, #buttonKeepShopping, .cartContainer .badge, #savedSectionsContainer .badge ,.regPolicies{
    display:none !important;
}
.shoppingCartAmount{
    display:flex;
}
#shoppingCartTotalContainer{
    margin-bottom:2rem;
}
.cartItemName{
    margin-bottom:1rem;
}
#requiredFieldInstruction, .requiredFieldLabel:after{
    display:none;
}
.cartItemDescriptionContainer ,.savedForLaterListDetails{
    display: flex;
    flex-direction: column;

}
.cartItemCode{
    order:-1;
    font-size: 1.1875rem !important;
    color: #002a5c;
}
.sectionHeader h2,.card-body legend,.cartItemFeeGroupTuitionProfile, .cartItemQuantity, .shoppingCartAmount ,.cartContainerColumnHeaders, .shoppingCartTaxAmount, .shoppingCartGrandTotalAmount ,.shoppingCartSubTotalLabel, #shoppingCartInvoiceAmountLabel, #shoppingCartInvoiceAmountDueNowLabel, .cartTaxLabel,.labelSpanStyle,.shoppingCartSubTotalAmount, #shoppingCartInvoiceAmount, #shoppingCartInvoiceAmountDueNow{
    color: #002a5c;
    line-height: 1.2;
    text-transform: uppercase!important;
    font-weight: 700!important;
    font-size: 1.125rem !important;
    font-family: "Trade Gothic";
}
.sectionHeader h2, .card-body legend{
    font-size: 1.5625rem!important;
}
.cartHeaderQuantityLabelMobile:after,
.cartHeaderSubTotalLabelMobile:after{
    content:': ';
    padding-right: 5px;
}

@media (min-width:992px){

    form[name="portalForgotUserNameForm"] , form[name="portalInstructorForgotPasswordForm"], form[name="portalStudentForgotPasswordForm"], form[name="participantForgotPasswordForm"]{
        width: 50%;
        margin:0 auto;
    }

    .cartItemFee.d-lg-block{
        display:none!important;

    }
}
#savedSectionsContainer .form-row,.cartContainer .form-row{
    border:none !important;
    padding-left: 2.34375rem !important;
    padding-right: 2.34375rem !important;
}
.cartItemName a strong{
    font-weight: inherit;
}

.cartItemName,.cartItemName a{
    text-decoration: none;
    font-size: 2rem !important;
    line-height: 1.1875;
    color: #002a5c;
}
#savedSectionsContainer .form-row,.cartContainer .form-row:not(.cartContainerColumnHeaders){
    background-color: #F2F2F2;
    padding: 2.8125rem 2.34375rem !important;
    margin-bottom: 1.40625rem !important;
}
#contentHeader{
    border:none !important;
    text-align: center;
}
aside + main #contentHeader{
    text-align:left;
}
h1{
    font-size: 4.0625rem;
}
.instructorForm{
    margin: 0 auto;
}
form[name="portalLogonForm"], form[name="portalLogonForm"] > .col-md-12{
    display: flex;
    flex-direction: column;
    width:100%;
}
form[name="portalLogonForm"] h2, form[name="portalLogonForm"] .form-group:not(.forgot-credential-container), form[name="portalLogonForm"] .buttons, #newStudentDiv form[name="portalLogonForm"] > .col-md-12 > div:nth-child(2){
    /*order:-2;*/
    order: 2;
}
form[name="portalLogonForm"] .forgot-credential-container{
    /*order:-2;*/
    order: 2;
    width: auto;
    align-self: flex-start;
}
.userForm .btn{
    float:none;
}
.userForm .card, .instructorForm .card{
    padding:0;
    border:none;
}
#newStudentDiv form{
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 1200px){
    .sectionHeader h2, .card-body legend{
        font-size: calc(1.21875rem + .45833vw);
    }

    #pageHeader{
        margin-top: calc(1.55729rem + 5.42361vw);
    }
    footer.footer{
        margin-top:calc(2.02604rem + 12.29861vw);
    }
    #pageHeader h1{
        font-size: calc(1.42708rem + 3.51389vw)!important;
        margin-bottom: calc(1.55729rem + 5.42361vw);
    }
    .sectionHeader{
        font-size: calc(1.21875rem + .45833vw)!important;
    }
}

@media (max-width: 992px){
    html .container {
        max-width: 100%;
    }

}

@media (min-width:1200px){
    .instructorForm,.userForm.col-md-6{
        -ms-flex: 0 0 33.3333% !important;
        flex: 0 0 33.3333% !important;
        max-width: 33.3333% !important;
    }
    .userForm.col-md-6{
        margin-left:auto;
        margin-right:auto;
    }

}



/*CPL Edit Override*/

/*Hide the "Request Drop" button from Learner Portal*/
#buttonRequestDrop{
  display: none;
}

/*Hide the "Request Transfer" button from Learner Portal*/
#buttonRequestTransfer{
  display: none;
}

/*Fix the alignment of application status container and h3*/
.applicationInstanceChecklistHeaderContainer{
    margin-top: 1.25rem;
}

/*fix pagination page-link color*/

.page-item.active .page-link{
    background-color: #002a5c;
    border-color: #002a5c;
}

.page-link{
    color: #002a5c;
}

/*Override Modal pop-up height to fit content*/
.modal-content{
  height: auto !important;
}


#studentInfoAlumniContainer legend{
    font-size: inherit !important;
}

/*Making registration policies box larger*/
#registrationPolicies{
  height: 350px;
}


/*Adding outline when focused*/
*:focus{
    outline: dotted 1px !important;
}

/*due to the background color of the buttons, outline is not visible so using border instead*/
.btn:focus{
    border: dotted 1px;
}

/*iSTEP override*/


#contentHeader{
    font-family: "Trade Gothic Next", "Trade Gothic", sans-serif;
}

#courseProfile{
	font-family: "Trade Gothic Next", "Trade Gothic", sans-serif;
}

#sectionEnrollmentHeader{
	font-family: "Trade Gothic Next", "Trade Gothic", sans-serif;
}

#formCourseSearchDetails{
	font-family: "Trade Gothic Next", "Trade Gothic", sans-serif;
}

#courseProfile p{
	font-family: "Trade Gothic Next", "Trade Gothic", sans-serif;
}